<template>
    <div>
        <weather-banner></weather-banner>
        <!-- <div class="head-title"><svg aria-hidden="true" class="title_icon">
                <use xlink:href="#icon-dthb"></use>
            </svg><span>蓬江区智慧水务粤政易工作台</span>
        </div> -->
        <title-group icon="icon-dthb" title="蓬江区智慧水务粤政易工作台"></title-group>
        <menus-group :list="list1"></menus-group>
        <menus-group :list="list2"></menus-group>
        <rain-map></rain-map>
        
        <short-time></short-time>
        <warning></warning>
    </div>
</template>
<script setup>
import RainMap from './rain-map/Map.vue'
import MenusGroup from './menus-group/menus.vue'
import { list1, list2 } from './menus-data';
import WeatherBanner from './weather-banner/weather-banner.vue'
 import ShortTime from './ShortTime/ShortTime.vue'
 import warning from './warning/warning.vue';
</script>
<style scoped>
.head-title {
    display: flex;
    background: white;
    font-size: 1.5em;
    padding: 10px 15px;
    align-items: center;
    /* color: black; */
}

.head-title svg.title_icon {
    height: 1.5em;
    width: 1.5em;
    margin-right: 8px;
}
</style>